<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/includes.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>尊丽庭美容</title>
<meta name="keywords" content="pinky, free css templates, CSS, HTML" />
<meta name="description" content="Pinky is a free CSS template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="templatemo_wrapper"> 

	<div id="templatemo_header">
    	<div id="site_title">
            <h1><a href="#"><img src="images/templatemo_logo.png" alt="logo" /><span>尊丽庭美容机构 beta</span></a></h1>
        </div> <!-- end of site_title -->
        
        <div id="header_right">        
             <ul id="social_box">
                <li><a href="#"><img src="images/qq_meitu_48.png" alt="QQ" /></a></li>
                <li><a href="weibo.com/#"><img src="images/weibo_icon_48.jpg" alt="weibo" /></a></li>
                <li><a href="#"><img src="images/weixin_meitu_48.png" alt="weixin" /></a></li>
            </ul>
            <div id="templatemo_menu">
                <ul>
                	<li><a href="index.html" class="current">START HERE<span>主页</span></a></li>
                    <li><a href="services.html">WHAT WE DO<span>公司服务</span></a></li>
                    <li><a href="news.html">LATEST NEWS<span>公司新闻</span></a></li>
                    <li><a href="products.html">ANY PRODUCTS<span>公司产品</span></a></li>
                    <li><a href="contactus.html">ANY QUESTION?<span>关于我们</span></a></li>
                </ul>    	
            </div> <!-- end of templatemo_menu -->
    	</div>    
    </div> <!-- end of templatemo_header -->
    
    <div id="templatemo_sp_box">
    
    	<div class="col_w270">
            <img src="images/yuyue.png" alt="image" />
            <div class="right">
                <h5>预约</h5>
              <p>Praesent vel felis id lectus bibendum tempor sed sagittis.</p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
        
        <div class="col_w270">
        	<img src="images/chaxun.png" alt="image" />
            <div class="right">
                <h5>查询</h5>
                <p>Ut volutpat erat nec mauris vestibulum sit amet pharetra. </p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
        
        <div class="col_w270 col_last">
        	<img src="images/checkin4.png" alt="checkin" />
            <div class="right">
                <h5>签到</h5>

                <p>Aliquam elementum lacinia augue, quis pretium velit ultricies id.</p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
    
    </div>
    
    
    
    <div id="templatemo_content_wrapper">
    	<div id="templatemo_content_top"></div>
        <div id="templatemo_content">
        
     <div class="col_w590 float_l">
                 <h2>新品推荐</h2>
                <div class="image_wrapper image_fl"><a href="http://www.cssmoban.com/"><img src="images/templatemo_image_01.jpg" alt="image" /></a></div>
                <p align="justify">Pinky Template is provided by <a href="http://www.cssmoban.com" target="_parent" title="模板之家">模板之家</a> for everyone. Total 5 HTML pages are included in this template. Validate <a href="#" rel="nofollow">XHTML</a> &amp; <a href="#" rel="nofollow">CSS</a>. Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsumdolor sit amet, consectetur adipiscing elit. Nulla et nunc commodo ante ornare imperdiet. Donec nunc neque, pulvinar a, vestibulum eget, luctus id, orci.</p>
   		<p align="justify">Nunc dictum, massa non dignissim commodo, metus quam vehicula lorem, et dignissim enim augue vitae pede. Donec at arcu. Nunc aliquam, dolor vitae sollicitudin lacinia, nibh orci sagittis diam, dignissim sodales dui erat nec eros. Fusce quis enim. Aenean eleifend, neque hendrerit elementum sodales, odio erat sagittis quam, sed tempor orci magna vitae tellus.</p>
            
       	<div class="cleaner_h20"></div>
        
        <h3>我们的服务</h3>
                
			<ul class="tmo_list col_w270">
                <li><a href="#">11·Lorem ipsum dolor sit amet, consectetur</a></li>
       	  		<li><a href="#">12·In dolor justo, congue quis tempor sit</a></li>
       	  		<li><a href="#">13·Phasellus nulla urna, faucibus vel sagittis</a></li>
   			</ul> 
                
                <ul class="tmo_list col_w270 col_last">
                    <li><a href="#">21·Sed fringilla accumsan mi, et gravida</a></li>
               	  	<li> <a href="#">22·Quisque venenatis fringilla eros</a></li>
                    <li><a href="#">23·Sraesent vel felis id lectus bibendum</a></li>
                </ul>
                
        <div class="cleaner"></div>
                
                <div class="button float_r"><a href="#"><span>+</span> Read More</a></div>
                <div class="cleaner"></div>
                
         	</div> <!-- end of col_w590 -->
            
            <div class="col_w270 col_last">
            
            	<h2>相关新闻</h2>
            
            	<div class="sb_news_box">
                	
                    <a href="http://www.cssmoban.com/"><img src="images/templatemo_image_02.jpg" alt="image 2" /></a>
                  	<div class="nb_right">
	                    <h6><a href="#">Quisque tincidunt</a></h6>
                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</div>
                    <div class="cleaner"></div>
                    
                </div>
                
          		<div class="sb_news_box">
                	
                    <a href="#"><img src="images/templatemo_image_03.jpg" alt="image 3" /></a>
           			<div class="nb_right">
	                    <h6><a href="#">Vivamus tincidunt</a></h6>
                        Curabitur erat lacus, auctor in dictum non, dapibus porta dolor. Duis nisi urna.</div>
                    <div class="cleaner"></div>
                    
                </div>
                
                <div class="sb_news_box">
                	
                    <a href="#"><img src="images/templatemo_image_02.jpg" alt="image 4" /></a>
                  	<div class="nb_right">
	                    <h6><a href="#">Morbi nec magna</a></h6>
                        Cras arcu. Integer molestie. Aliquam a dui. Suspendisse ac magna quis est eleifend dictum.</div>
                    <div class="cleaner"></div>
                    
                </div>
                
              <div class="button float_r"><a href="#"><span>+</span> View All</a></div>
              
            </div>
            
            <div class="cleaner"></div>   
        </div> <!-- end of templatemo_content -->
        
        <div id="templatemo_content_bottom"></div>
	</div>
    
    <div id="templatemo_footer">

        Copyright © 2048 <a href="#">Your Company Name</a> | Template from <a href="http://www.cssmoban.com" target="_parent" title="网站模板">网站模板</a>
    
    </div> <!-- end of templatemo_footer -->
    
</div> <!-- end of templatemo_wrapper -->    

</body>
</html>